<?php include 'header.php'; ?>

<?php include 'php//combat.php'; ?>

<form>
<div class="mapCanvas" style="width:800px; height:600px; margin:auto; position:relative">
<div style="width:750px; height:500px; left:25px; top:50px; position:absolute; background-image:url('/lobd/img/forest2.jpg')"></div>

<div style="width:200px; height:200px; left:300px; top:100px; position:absolute; background-image:url('/lobd/img/wolf.jpg')"></div>
<div style="width:200px; height:10px; left:300px; top:300px; position:absolute; background-color:red;">
	<div style="width:73px; height:10px; background-color:green;"><!----></div>
</div>

<input type="image" name="attack" value="sarasa" src="/lobd/img/sword-button.png" style="left:115px; top:400px; position:absolute;" title="chau"  />
<div style="width:80px; height:80px; left:215px; top:400px; position:absolute; background-image:url('/lobd/img/button.png')"></div>
<div style="width:80px; height:80px; left:315px; top:400px; position:absolute; background-image:url('/lobd/img/button.png')"></div>

<div style="width:80px; height:80px; left:415px; top:400px; position:absolute; background-image:url('/lobd/img/button.png')"></div>
<div style="width:80px; height:80px; left:515px; top:400px; position:absolute; background-image:url('/lobd/img/button.png')"></div>
<div style="width:80px; height:80px; left:615px; top:400px; position:absolute; background-image:url('/lobd/img/button.png')"></div>
</div>
</form>

<script>
	$('.mapCanvas').click(move);
</script>

<?php include 'footer.php'; ?>
